<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <%include("/inc/header.html"){}%>
    <title>图标选取</title>
    <style>
        ul li {
            list-style: none;
            margin: 0;
            padding: 0;
        }

        .grid-icon {
            padding: 10px;
            font-size: 20px;
        }

        .grid-icon:hover {
            background: #45a739;
            color: #fff;
        }

        .font-awesome-icons {
            max-width: 100%;
            padding: 0px;
            margin: 8px;
        }

        span.fa-class {
            font-size: 12px;
            cursor: pointer;
        }
    </style>
    <script>
        $(function () {
            var domid = "${domid!}"
            $(".grid-icon").click(function () {
                var val = $(this).find("span").text();
                if (window.parent.$ && window.parent.jQuery) {
                    window.parent.$("#" + domid).val(val);
                } else {
                    window.parent.document.getElementById(domid).value = val;
                }
                core.closeFrameWindow();
            });
        });
    </script>
</head>
<body>
<ul class="font-awesome-icons clearfix">
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-glass" data-unicode="f000"></i>
        <span class="fa-class">fa-glass</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-music" data-unicode="f001"></i>
        <span class="fa-class">fa-music</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-search" data-unicode="f002"></i>
        <span class="fa-class">fa-search</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-envelope-o" data-unicode="f003"></i>
        <span class="fa-class">fa-envelope-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-heart" data-unicode="f004"></i>
        <span class="fa-class">fa-heart</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-star" data-unicode="f005"></i>
        <span class="fa-class">fa-star</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-star-o" data-unicode="f006"></i>
        <span class="fa-class">fa-star-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-user" data-unicode="f007"></i>
        <span class="fa-class">fa-user</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-film" data-unicode="f008"></i>
        <span class="fa-class">fa-film</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-th-large" data-unicode="f009"></i>
        <span class="fa-class">fa-th-large</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-th" data-unicode="f00a"></i>
        <span class="fa-class">fa-th</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-th-list" data-unicode="f00b"></i>
        <span class="fa-class">fa-th-list</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-check" data-unicode="f00c"></i>
        <span class="fa-class">fa-check</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-times" data-unicode="f00d"></i>
        <span class="fa-class">fa-times</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-search-plus" data-unicode="f00e"></i>
        <span class="fa-class">fa-search-plus</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-search-minus" data-unicode="f010"></i>
        <span class="fa-class">fa-search-minus</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-power-off" data-unicode="f011"></i>
        <span class="fa-class">fa-power-off</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-signal" data-unicode="f012"></i>
        <span class="fa-class">fa-signal</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-cog" data-unicode="f013"></i>
        <span class="fa-class">fa-cog</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-trash-o" data-unicode="f014"></i>
        <span class="fa-class">fa-trash-o</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-home" data-unicode="f015"></i>
        <span class="fa-class">fa-home</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-file-o" data-unicode="f016"></i>
        <span class="fa-class">fa-file-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-clock-o" data-unicode="f017"></i>
        <span class="fa-class">fa-clock-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-road" data-unicode="f018"></i>
        <span class="fa-class">fa-road</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-download" data-unicode="f019"></i>
        <span class="fa-class">fa-download</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-arrow-circle-o-down" data-unicode="f01a"></i>
        <span class="fa-class">fa-arrow-circle-o-down</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-arrow-circle-o-up" data-unicode="f01b"></i>
        <span class="fa-class">fa-arrow-circle-o-up</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-inbox" data-unicode="f01c"></i>
        <span class="fa-class">fa-inbox</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-play-circle-o" data-unicode="f01d"></i>
        <span class="fa-class">fa-play-circle-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-repeat" data-unicode="f01e"></i>
        <span class="fa-class">fa-repeat</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-refresh" data-unicode="f021"></i>
        <span class="fa-class">fa-refresh</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-list-alt" data-unicode="f022"></i>
        <span class="fa-class">fa-list-alt</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-lock" data-unicode="f023"></i>
        <span class="fa-class">fa-lock</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-flag" data-unicode="f024"></i>
        <span class="fa-class">fa-flag</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-headphones" data-unicode="f025"></i>
        <span class="fa-class">fa-headphones</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-volume-off" data-unicode="f026"></i>
        <span class="fa-class">fa-volume-off</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-volume-down" data-unicode="f027"></i>
        <span class="fa-class">fa-volume-down</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-volume-up" data-unicode="f028"></i>
        <span class="fa-class">fa-volume-up</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-qrcode" data-unicode="f029"></i>
        <span class="fa-class">fa-qrcode</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-barcode" data-unicode="f02a"></i>
        <span class="fa-class">fa-barcode</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-tag" data-unicode="f02b"></i>
        <span class="fa-class">fa-tag</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-tags" data-unicode="f02c"></i>
        <span class="fa-class">fa-tags</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-book" data-unicode="f02d"></i>
        <span class="fa-class">fa-book</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-bookmark" data-unicode="f02e"></i>
        <span class="fa-class">fa-bookmark</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-print" data-unicode="f02f"></i>
        <span class="fa-class">fa-print</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-camera" data-unicode="f030"></i>
        <span class="fa-class">fa-camera</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-font" data-unicode="f031"></i>
        <span class="fa-class">fa-font</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-bold" data-unicode="f032"></i>
        <span class="fa-class">fa-bold</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-italic" data-unicode="f033"></i>
        <span class="fa-class">fa-italic</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-text-height" data-unicode="f034"></i>
        <span class="fa-class">fa-text-height</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-text-width" data-unicode="f035"></i>
        <span class="fa-class">fa-text-width</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-align-left" data-unicode="f036"></i>
        <span class="fa-class">fa-align-left</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-align-center" data-unicode="f037"></i>
        <span class="fa-class">fa-align-center</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-align-right" data-unicode="f038"></i>
        <span class="fa-class">fa-align-right</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-align-justify" data-unicode="f039"></i>
        <span class="fa-class">fa-align-justify</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-list" data-unicode="f03a"></i>
        <span class="fa-class">fa-list</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-outdent" data-unicode="f03b"></i>
        <span class="fa-class">fa-outdent</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-indent" data-unicode="f03c"></i>
        <span class="fa-class">fa-indent</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-video-camera" data-unicode="f03d"></i>
        <span class="fa-class">fa-video-camera</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-picture-o" data-unicode="f03e"></i>
        <span class="fa-class">fa-picture-o</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-pencil" data-unicode="f040"></i>
        <span class="fa-class">fa-pencil</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-map-marker" data-unicode="f041"></i>
        <span class="fa-class">fa-map-marker</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-adjust" data-unicode="f042"></i>
        <span class="fa-class">fa-adjust</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-tint" data-unicode="f043"></i>
        <span class="fa-class">fa-tint</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-pencil-square-o" data-unicode="f044"></i>
        <span class="fa-class">fa-pencil-square-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-share-square-o" data-unicode="f045"></i>
        <span class="fa-class">fa-share-square-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-check-square-o" data-unicode="f046"></i>
        <span class="fa-class">fa-check-square-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-arrows" data-unicode="f047"></i>
        <span class="fa-class">fa-arrows</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-step-backward" data-unicode="f048"></i>
        <span class="fa-class">fa-step-backward</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-fast-backward" data-unicode="f049"></i>
        <span class="fa-class">fa-fast-backward</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-backward" data-unicode="f04a"></i>
        <span class="fa-class">fa-backward</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-play" data-unicode="f04b"></i>
        <span class="fa-class">fa-play</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-pause" data-unicode="f04c"></i>
        <span class="fa-class">fa-pause</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-stop" data-unicode="f04d"></i>
        <span class="fa-class">fa-stop</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-forward" data-unicode="f04e"></i>
        <span class="fa-class">fa-forward</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-fast-forward" data-unicode="f050"></i>
        <span class="fa-class">fa-fast-forward</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-step-forward" data-unicode="f051"></i>
        <span class="fa-class">fa-step-forward</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-eject" data-unicode="f052"></i>
        <span class="fa-class">fa-eject</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-chevron-left" data-unicode="f053"></i>
        <span class="fa-class">fa-chevron-left</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-chevron-right" data-unicode="f054"></i>
        <span class="fa-class">fa-chevron-right</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-plus-circle" data-unicode="f055"></i>
        <span class="fa-class">fa-plus-circle</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-minus-circle" data-unicode="f056"></i>
        <span class="fa-class">fa-minus-circle</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-times-circle" data-unicode="f057"></i>
        <span class="fa-class">fa-times-circle</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-check-circle" data-unicode="f058"></i>
        <span class="fa-class">fa-check-circle</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-question-circle" data-unicode="f059"></i>
        <span class="fa-class">fa-question-circle</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-info-circle" data-unicode="f05a"></i>
        <span class="fa-class">fa-info-circle</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-crosshairs" data-unicode="f05b"></i>
        <span class="fa-class">fa-crosshairs</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-times-circle-o" data-unicode="f05c"></i>
        <span class="fa-class">fa-times-circle-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-check-circle-o" data-unicode="f05d"></i>
        <span class="fa-class">fa-check-circle-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-ban" data-unicode="f05e"></i>
        <span class="fa-class">fa-ban</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-arrow-left" data-unicode="f060"></i>
        <span class="fa-class">fa-arrow-left</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-arrow-right" data-unicode="f061"></i>
        <span class="fa-class">fa-arrow-right</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-arrow-up" data-unicode="f062"></i>
        <span class="fa-class">fa-arrow-up</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-arrow-down" data-unicode="f063"></i>
        <span class="fa-class">fa-arrow-down</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-share" data-unicode="f064"></i>
        <span class="fa-class">fa-share</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-expand" data-unicode="f065"></i>
        <span class="fa-class">fa-expand</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-compress" data-unicode="f066"></i>
        <span class="fa-class">fa-compress</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-plus" data-unicode="f067"></i>
        <span class="fa-class">fa-plus</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-minus" data-unicode="f068"></i>
        <span class="fa-class">fa-minus</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-asterisk" data-unicode="f069"></i>
        <span class="fa-class">fa-asterisk</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-exclamation-circle" data-unicode="f06a"></i>
        <span class="fa-class">fa-exclamation-circle</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-gift" data-unicode="f06b"></i>
        <span class="fa-class">fa-gift</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-leaf" data-unicode="f06c"></i>
        <span class="fa-class">fa-leaf</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-fire" data-unicode="f06d"></i>
        <span class="fa-class">fa-fire</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-eye" data-unicode="f06e"></i>
        <span class="fa-class">fa-eye</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-eye-slash" data-unicode="f070"></i>
        <span class="fa-class">fa-eye-slash</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-exclamation-triangle" data-unicode="f071"></i>
        <span class="fa-class">fa-exclamation-triangle</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-plane" data-unicode="f072"></i>
        <span class="fa-class">fa-plane</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-calendar" data-unicode="f073"></i>
        <span class="fa-class">fa-calendar</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-random" data-unicode="f074"></i>
        <span class="fa-class">fa-random</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-comment" data-unicode="f075"></i>
        <span class="fa-class">fa-comment</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-magnet" data-unicode="f076"></i>
        <span class="fa-class">fa-magnet</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-chevron-up" data-unicode="f077"></i>
        <span class="fa-class">fa-chevron-up</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-chevron-down" data-unicode="f078"></i>
        <span class="fa-class">fa-chevron-down</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-retweet" data-unicode="f079"></i>
        <span class="fa-class">fa-retweet</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-shopping-cart" data-unicode="f07a"></i>
        <span class="fa-class">fa-shopping-cart</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-folder" data-unicode="f07b"></i>
        <span class="fa-class">fa-folder</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-folder-open" data-unicode="f07c"></i>
        <span class="fa-class">fa-folder-open</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-arrows-v" data-unicode="f07d"></i>
        <span class="fa-class">fa-arrows-v</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-arrows-h" data-unicode="f07e"></i>
        <span class="fa-class">fa-arrows-h</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-bar-chart" data-unicode="f080"></i>
        <span class="fa-class">fa-bar-chart</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-twitter-square" data-unicode="f081"></i>
        <span class="fa-class">fa-twitter-square</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-facebook-square" data-unicode="f082"></i>
        <span class="fa-class">fa-facebook-square</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-camera-retro" data-unicode="f083"></i>
        <span class="fa-class">fa-camera-retro</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-key" data-unicode="f084"></i>
        <span class="fa-class">fa-key</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-cogs" data-unicode="f085"></i>
        <span class="fa-class">fa-cogs</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-comments" data-unicode="f086"></i>
        <span class="fa-class">fa-comments</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-thumbs-o-up" data-unicode="f087"></i>
        <span class="fa-class">fa-thumbs-o-up</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-thumbs-o-down" data-unicode="f088"></i>
        <span class="fa-class">fa-thumbs-o-down</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-star-half" data-unicode="f089"></i>
        <span class="fa-class">fa-star-half</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-heart-o" data-unicode="f08a"></i>
        <span class="fa-class">fa-heart-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-sign-out" data-unicode="f08b"></i>
        <span class="fa-class">fa-sign-out</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-linkedin-square" data-unicode="f08c"></i>
        <span class="fa-class">fa-linkedin-square</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-thumb-tack" data-unicode="f08d"></i>
        <span class="fa-class">fa-thumb-tack</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-external-link" data-unicode="f08e"></i>
        <span class="fa-class">fa-external-link</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-sign-in" data-unicode="f090"></i>
        <span class="fa-class">fa-sign-in</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-trophy" data-unicode="f091"></i>
        <span class="fa-class">fa-trophy</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-github-square" data-unicode="f092"></i>
        <span class="fa-class">fa-github-square</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-upload" data-unicode="f093"></i>
        <span class="fa-class">fa-upload</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-lemon-o" data-unicode="f094"></i>
        <span class="fa-class">fa-lemon-o</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-phone" data-unicode="f095"></i>
        <span class="fa-class">fa-phone</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-square-o" data-unicode="f096"></i>
        <span class="fa-class">fa-square-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-bookmark-o" data-unicode="f097"></i>
        <span class="fa-class">fa-bookmark-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-phone-square" data-unicode="f098"></i>
        <span class="fa-class">fa-phone-square</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-twitter" data-unicode="f099"></i>
        <span class="fa-class">fa-twitter</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-facebook" data-unicode="f09a"></i>
        <span class="fa-class">fa-facebook</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-github" data-unicode="f09b"></i>
        <span class="fa-class">fa-github</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-unlock" data-unicode="f09c"></i>
        <span class="fa-class">fa-unlock</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-credit-card" data-unicode="f09d"></i>
        <span class="fa-class">fa-credit-card</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-rss" data-unicode="f09e"></i>
        <span class="fa-class">fa-rss</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-hdd-o" data-unicode="f0a0"></i>
        <span class="fa-class">fa-hdd-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-bullhorn" data-unicode="f0a1"></i>
        <span class="fa-class">fa-bullhorn</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-bell" data-unicode="f0f3"></i>
        <span class="fa-class">fa-bell</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-certificate" data-unicode="f0a3"></i>
        <span class="fa-class">fa-certificate</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-hand-o-right" data-unicode="f0a4"></i>
        <span class="fa-class">fa-hand-o-right</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-hand-o-left" data-unicode="f0a5"></i>
        <span class="fa-class">fa-hand-o-left</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-hand-o-up" data-unicode="f0a6"></i>
        <span class="fa-class">fa-hand-o-up</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-hand-o-down" data-unicode="f0a7"></i>
        <span class="fa-class">fa-hand-o-down</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-arrow-circle-left" data-unicode="f0a8"></i>
        <span class="fa-class">fa-arrow-circle-left</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-arrow-circle-right" data-unicode="f0a9"></i>
        <span class="fa-class">fa-arrow-circle-right</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-arrow-circle-up" data-unicode="f0aa"></i>
        <span class="fa-class">fa-arrow-circle-up</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-arrow-circle-down" data-unicode="f0ab"></i>
        <span class="fa-class">fa-arrow-circle-down</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-globe" data-unicode="f0ac"></i>
        <span class="fa-class">fa-globe</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-wrench" data-unicode="f0ad"></i>
        <span class="fa-class">fa-wrench</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-tasks" data-unicode="f0ae"></i>
        <span class="fa-class">fa-tasks</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-filter" data-unicode="f0b0"></i>
        <span class="fa-class">fa-filter</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-briefcase" data-unicode="f0b1"></i>
        <span class="fa-class">fa-briefcase</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-arrows-alt" data-unicode="f0b2"></i>
        <span class="fa-class">fa-arrows-alt</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-users" data-unicode="f0c0"></i>
        <span class="fa-class">fa-users</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-link" data-unicode="f0c1"></i>
        <span class="fa-class">fa-link</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-cloud" data-unicode="f0c2"></i>
        <span class="fa-class">fa-cloud</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-flask" data-unicode="f0c3"></i>
        <span class="fa-class">fa-flask</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-scissors" data-unicode="f0c4"></i>
        <span class="fa-class">fa-scissors</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-files-o" data-unicode="f0c5"></i>
        <span class="fa-class">fa-files-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-paperclip" data-unicode="f0c6"></i>
        <span class="fa-class">fa-paperclip</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-floppy-o" data-unicode="f0c7"></i>
        <span class="fa-class">fa-floppy-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-square" data-unicode="f0c8"></i>
        <span class="fa-class">fa-square</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-bars" data-unicode="f0c9"></i>
        <span class="fa-class">fa-bars</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-list-ul" data-unicode="f0ca"></i>
        <span class="fa-class">fa-list-ul</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-list-ol" data-unicode="f0cb"></i>
        <span class="fa-class">fa-list-ol</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-strikethrough" data-unicode="f0cc"></i>
        <span class="fa-class">fa-strikethrough</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-underline" data-unicode="f0cd"></i>
        <span class="fa-class">fa-underline</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-table" data-unicode="f0ce"></i>
        <span class="fa-class">fa-table</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-magic" data-unicode="f0d0"></i>
        <span class="fa-class">fa-magic</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-truck" data-unicode="f0d1"></i>
        <span class="fa-class">fa-truck</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-pinterest" data-unicode="f0d2"></i>
        <span class="fa-class">fa-pinterest</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-pinterest-square" data-unicode="f0d3"></i>
        <span class="fa-class">fa-pinterest-square</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-google-plus-square" data-unicode="f0d4"></i>
        <span class="fa-class">fa-google-plus-square</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-google-plus" data-unicode="f0d5"></i>
        <span class="fa-class">fa-google-plus</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-money" data-unicode="f0d6"></i>
        <span class="fa-class">fa-money</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-caret-down" data-unicode="f0d7"></i>
        <span class="fa-class">fa-caret-down</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-caret-up" data-unicode="f0d8"></i>
        <span class="fa-class">fa-caret-up</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-caret-left" data-unicode="f0d9"></i>
        <span class="fa-class">fa-caret-left</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-caret-right" data-unicode="f0da"></i>
        <span class="fa-class">fa-caret-right</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-columns" data-unicode="f0db"></i>
        <span class="fa-class">fa-columns</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-sort" data-unicode="f0dc"></i>
        <span class="fa-class">fa-sort</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-sort-desc" data-unicode="f0dd"></i>
        <span class="fa-class">fa-sort-desc</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-sort-asc" data-unicode="f0de"></i>
        <span class="fa-class">fa-sort-asc</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-envelope" data-unicode="f0e0"></i>
        <span class="fa-class">fa-envelope</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-linkedin" data-unicode="f0e1"></i>
        <span class="fa-class">fa-linkedin</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-undo" data-unicode="f0e2"></i>
        <span class="fa-class">fa-undo</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-gavel" data-unicode="f0e3"></i>
        <span class="fa-class">fa-gavel</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-tachometer" data-unicode="f0e4"></i>
        <span class="fa-class">fa-tachometer</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-comment-o" data-unicode="f0e5"></i>
        <span class="fa-class">fa-comment-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-comments-o" data-unicode="f0e6"></i>
        <span class="fa-class">fa-comments-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-bolt" data-unicode="f0e7"></i>
        <span class="fa-class">fa-bolt</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-sitemap" data-unicode="f0e8"></i>
        <span class="fa-class">fa-sitemap</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-umbrella" data-unicode="f0e9"></i>
        <span class="fa-class">fa-umbrella</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-clipboard" data-unicode="f0ea"></i>
        <span class="fa-class">fa-clipboard</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-lightbulb-o" data-unicode="f0eb"></i>
        <span class="fa-class">fa-lightbulb-o</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-exchange" data-unicode="f0ec"></i>
        <span class="fa-class">fa-exchange</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-cloud-download" data-unicode="f0ed"></i>
        <span class="fa-class">fa-cloud-download</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-cloud-upload" data-unicode="f0ee"></i>
        <span class="fa-class">fa-cloud-upload</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-user-md" data-unicode="f0f0"></i>
        <span class="fa-class">fa-user-md</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-stethoscope" data-unicode="f0f1"></i>
        <span class="fa-class">fa-stethoscope</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-suitcase" data-unicode="f0f2"></i>
        <span class="fa-class">fa-suitcase</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-bell-o" data-unicode="f0a2"></i>
        <span class="fa-class">fa-bell-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-coffee" data-unicode="f0f4"></i>
        <span class="fa-class">fa-coffee</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-cutlery" data-unicode="f0f5"></i>
        <span class="fa-class">fa-cutlery</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-file-text-o" data-unicode="f0f6"></i>
        <span class="fa-class">fa-file-text-o</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-building-o" data-unicode="f0f7"></i>
        <span class="fa-class">fa-building-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-hospital-o" data-unicode="f0f8"></i>
        <span class="fa-class">fa-hospital-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-ambulance" data-unicode="f0f9"></i>
        <span class="fa-class">fa-ambulance</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-medkit" data-unicode="f0fa"></i>
        <span class="fa-class">fa-medkit</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-fighter-jet" data-unicode="f0fb"></i>
        <span class="fa-class">fa-fighter-jet</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-beer" data-unicode="f0fc"></i>
        <span class="fa-class">fa-beer</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-h-square" data-unicode="f0fd"></i>
        <span class="fa-class">fa-h-square</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-plus-square" data-unicode="f0fe"></i>
        <span class="fa-class">fa-plus-square</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-angle-double-left" data-unicode="f100"></i>
        <span class="fa-class">fa-angle-double-left</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-angle-double-right" data-unicode="f101"></i>
        <span class="fa-class">fa-angle-double-right</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-angle-double-up" data-unicode="f102"></i>
        <span class="fa-class">fa-angle-double-up</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-angle-double-down" data-unicode="f103"></i>
        <span class="fa-class">fa-angle-double-down</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-angle-left" data-unicode="f104"></i>
        <span class="fa-class">fa-angle-left</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-angle-right" data-unicode="f105"></i>
        <span class="fa-class">fa-angle-right</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-angle-up" data-unicode="f106"></i>
        <span class="fa-class">fa-angle-up</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-angle-down" data-unicode="f107"></i>
        <span class="fa-class">fa-angle-down</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-desktop" data-unicode="f108"></i>
        <span class="fa-class">fa-desktop</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-laptop" data-unicode="f109"></i>
        <span class="fa-class">fa-laptop</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-tablet" data-unicode="f10a"></i>
        <span class="fa-class">fa-tablet</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-mobile" data-unicode="f10b"></i>
        <span class="fa-class">fa-mobile</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-circle-o" data-unicode="f10c"></i>
        <span class="fa-class">fa-circle-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-quote-left" data-unicode="f10d"></i>
        <span class="fa-class">fa-quote-left</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-quote-right" data-unicode="f10e"></i>
        <span class="fa-class">fa-quote-right</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-spinner" data-unicode="f110"></i>
        <span class="fa-class">fa-spinner</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-circle" data-unicode="f111"></i>
        <span class="fa-class">fa-circle</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-reply" data-unicode="f112"></i>
        <span class="fa-class">fa-reply</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-github-alt" data-unicode="f113"></i>
        <span class="fa-class">fa-github-alt</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-folder-o" data-unicode="f114"></i>
        <span class="fa-class">fa-folder-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-folder-open-o" data-unicode="f115"></i>
        <span class="fa-class">fa-folder-open-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-smile-o" data-unicode="f118"></i>
        <span class="fa-class">fa-smile-o</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-frown-o" data-unicode="f119"></i>
        <span class="fa-class">fa-frown-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-meh-o" data-unicode="f11a"></i>
        <span class="fa-class">fa-meh-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-gamepad" data-unicode="f11b"></i>
        <span class="fa-class">fa-gamepad</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-keyboard-o" data-unicode="f11c"></i>
        <span class="fa-class">fa-keyboard-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-flag-o" data-unicode="f11d"></i>
        <span class="fa-class">fa-flag-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-flag-checkered" data-unicode="f11e"></i>
        <span class="fa-class">fa-flag-checkered</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-terminal" data-unicode="f120"></i>
        <span class="fa-class">fa-terminal</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-code" data-unicode="f121"></i>
        <span class="fa-class">fa-code</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-reply-all" data-unicode="f122"></i>
        <span class="fa-class">fa-reply-all</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-star-half-o" data-unicode="f123"></i>
        <span class="fa-class">fa-star-half-o</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-location-arrow" data-unicode="f124"></i>
        <span class="fa-class">fa-location-arrow</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-crop" data-unicode="f125"></i>
        <span class="fa-class">fa-crop</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-code-fork" data-unicode="f126"></i>
        <span class="fa-class">fa-code-fork</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-chain-broken" data-unicode="f127"></i>
        <span class="fa-class">fa-chain-broken</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-question" data-unicode="f128"></i>
        <span class="fa-class">fa-question</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-info" data-unicode="f129"></i>
        <span class="fa-class">fa-info</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-exclamation" data-unicode="f12a"></i>
        <span class="fa-class">fa-exclamation</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-superscript" data-unicode="f12b"></i>
        <span class="fa-class">fa-superscript</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-subscript" data-unicode="f12c"></i>
        <span class="fa-class">fa-subscript</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-eraser" data-unicode="f12d"></i>
        <span class="fa-class">fa-eraser</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-puzzle-piece" data-unicode="f12e"></i>
        <span class="fa-class">fa-puzzle-piece</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-microphone" data-unicode="f130"></i>
        <span class="fa-class">fa-microphone</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-microphone-slash" data-unicode="f131"></i>
        <span class="fa-class">fa-microphone-slash</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-shield" data-unicode="f132"></i>
        <span class="fa-class">fa-shield</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-calendar-o" data-unicode="f133"></i>
        <span class="fa-class">fa-calendar-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-fire-extinguisher" data-unicode="f134"></i>
        <span class="fa-class">fa-fire-extinguisher</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-rocket" data-unicode="f135"></i>
        <span class="fa-class">fa-rocket</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-maxcdn" data-unicode="f136"></i>
        <span class="fa-class">fa-maxcdn</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-chevron-circle-left" data-unicode="f137"></i>
        <span class="fa-class">fa-chevron-circle-left</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-chevron-circle-right" data-unicode="f138"></i>
        <span class="fa-class">fa-chevron-circle-right</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-chevron-circle-up" data-unicode="f139"></i>
        <span class="fa-class">fa-chevron-circle-up</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-chevron-circle-down" data-unicode="f13a"></i>
        <span class="fa-class">fa-chevron-circle-down</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-html5" data-unicode="f13b"></i>
        <span class="fa-class">fa-html5</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-css3" data-unicode="f13c"></i>
        <span class="fa-class">fa-css3</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-anchor" data-unicode="f13d"></i>
        <span class="fa-class">fa-anchor</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-unlock-alt" data-unicode="f13e"></i>
        <span class="fa-class">fa-unlock-alt</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-bullseye" data-unicode="f140"></i>
        <span class="fa-class">fa-bullseye</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-ellipsis-h" data-unicode="f141"></i>
        <span class="fa-class">fa-ellipsis-h</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-ellipsis-v" data-unicode="f142"></i>
        <span class="fa-class">fa-ellipsis-v</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-rss-square" data-unicode="f143"></i>
        <span class="fa-class">fa-rss-square</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-play-circle" data-unicode="f144"></i>
        <span class="fa-class">fa-play-circle</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-ticket" data-unicode="f145"></i>
        <span class="fa-class">fa-ticket</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-minus-square" data-unicode="f146"></i>
        <span class="fa-class">fa-minus-square</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-minus-square-o" data-unicode="f147"></i>
        <span class="fa-class">fa-minus-square-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-level-up" data-unicode="f148"></i>
        <span class="fa-class">fa-level-up</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-level-down" data-unicode="f149"></i>
        <span class="fa-class">fa-level-down</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-check-square" data-unicode="f14a"></i>
        <span class="fa-class">fa-check-square</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-pencil-square" data-unicode="f14b"></i>
        <span class="fa-class">fa-pencil-square</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-external-link-square" data-unicode="f14c"></i>
        <span class="fa-class">fa-external-link-square</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-share-square" data-unicode="f14d"></i>
        <span class="fa-class">fa-share-square</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-compass" data-unicode="f14e"></i>
        <span class="fa-class">fa-compass</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-caret-square-o-down" data-unicode="f150"></i>
        <span class="fa-class">fa-caret-square-o-down</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-caret-square-o-up" data-unicode="f151"></i>
        <span class="fa-class">fa-caret-square-o-up</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-caret-square-o-right" data-unicode="f152"></i>
        <span class="fa-class">fa-caret-square-o-right</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-eur" data-unicode="f153"></i>
        <span class="fa-class">fa-eur</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-gbp" data-unicode="f154"></i>
        <span class="fa-class">fa-gbp</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-usd" data-unicode="f155"></i>
        <span class="fa-class">fa-usd</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-inr" data-unicode="f156"></i>
        <span class="fa-class">fa-inr</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-jpy" data-unicode="f157"></i>
        <span class="fa-class">fa-jpy</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-rub" data-unicode="f158"></i>
        <span class="fa-class">fa-rub</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-krw" data-unicode="f159"></i>
        <span class="fa-class">fa-krw</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-btc" data-unicode="f15a"></i>
        <span class="fa-class">fa-btc</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-file" data-unicode="f15b"></i>
        <span class="fa-class">fa-file</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-file-text" data-unicode="f15c"></i>
        <span class="fa-class">fa-file-text</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-sort-alpha-asc" data-unicode="f15d"></i>
        <span class="fa-class">fa-sort-alpha-asc</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-sort-alpha-desc" data-unicode="f15e"></i>
        <span class="fa-class">fa-sort-alpha-desc</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-sort-amount-asc" data-unicode="f160"></i>
        <span class="fa-class">fa-sort-amount-asc</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-sort-amount-desc" data-unicode="f161"></i>
        <span class="fa-class">fa-sort-amount-desc</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-sort-numeric-asc" data-unicode="f162"></i>
        <span class="fa-class">fa-sort-numeric-asc</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-sort-numeric-desc" data-unicode="f163"></i>
        <span class="fa-class">fa-sort-numeric-desc</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-thumbs-up" data-unicode="f164"></i>
        <span class="fa-class">fa-thumbs-up</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-thumbs-down" data-unicode="f165"></i>
        <span class="fa-class">fa-thumbs-down</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-youtube-square" data-unicode="f166"></i>
        <span class="fa-class">fa-youtube-square</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-youtube" data-unicode="f167"></i>
        <span class="fa-class">fa-youtube</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-xing" data-unicode="f168"></i>
        <span class="fa-class">fa-xing</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-xing-square" data-unicode="f169"></i>
        <span class="fa-class">fa-xing-square</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-youtube-play" data-unicode="f16a"></i>
        <span class="fa-class">fa-youtube-play</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-dropbox" data-unicode="f16b"></i>
        <span class="fa-class">fa-dropbox</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-stack-overflow" data-unicode="f16c"></i>
        <span class="fa-class">fa-stack-overflow</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-instagram" data-unicode="f16d"></i>
        <span class="fa-class">fa-instagram</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-flickr" data-unicode="f16e"></i>
        <span class="fa-class">fa-flickr</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-adn" data-unicode="f170"></i>
        <span class="fa-class">fa-adn</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-bitbucket" data-unicode="f171"></i>
        <span class="fa-class">fa-bitbucket</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-bitbucket-square" data-unicode="f172"></i>
        <span class="fa-class">fa-bitbucket-square</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-tumblr" data-unicode="f173"></i>
        <span class="fa-class">fa-tumblr</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-tumblr-square" data-unicode="f174"></i>
        <span class="fa-class">fa-tumblr-square</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-long-arrow-down" data-unicode="f175"></i>
        <span class="fa-class">fa-long-arrow-down</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-long-arrow-up" data-unicode="f176"></i>
        <span class="fa-class">fa-long-arrow-up</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-long-arrow-left" data-unicode="f177"></i>
        <span class="fa-class">fa-long-arrow-left</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-long-arrow-right" data-unicode="f178"></i>
        <span class="fa-class">fa-long-arrow-right</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-apple" data-unicode="f179"></i>
        <span class="fa-class">fa-apple</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-windows" data-unicode="f17a"></i>
        <span class="fa-class">fa-windows</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-android" data-unicode="f17b"></i>
        <span class="fa-class">fa-android</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-linux" data-unicode="f17c"></i>
        <span class="fa-class">fa-linux</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-dribbble" data-unicode="f17d"></i>
        <span class="fa-class">fa-dribbble</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-skype" data-unicode="f17e"></i>
        <span class="fa-class">fa-skype</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-foursquare" data-unicode="f180"></i>
        <span class="fa-class">fa-foursquare</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-trello" data-unicode="f181"></i>
        <span class="fa-class">fa-trello</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-female" data-unicode="f182"></i>
        <span class="fa-class">fa-female</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-male" data-unicode="f183"></i>
        <span class="fa-class">fa-male</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-gratipay" data-unicode="f184"></i>
        <span class="fa-class">fa-gratipay</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-sun-o" data-unicode="f185"></i>
        <span class="fa-class">fa-sun-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-moon-o" data-unicode="f186"></i>
        <span class="fa-class">fa-moon-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-archive" data-unicode="f187"></i>
        <span class="fa-class">fa-archive</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-bug" data-unicode="f188"></i>
        <span class="fa-class">fa-bug</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-vk" data-unicode="f189"></i>
        <span class="fa-class">fa-vk</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-weibo" data-unicode="f18a"></i>
        <span class="fa-class">fa-weibo</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-renren" data-unicode="f18b"></i>
        <span class="fa-class">fa-renren</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-pagelines" data-unicode="f18c"></i>
        <span class="fa-class">fa-pagelines</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-stack-exchange" data-unicode="f18d"></i>
        <span class="fa-class">fa-stack-exchange</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-arrow-circle-o-right" data-unicode="f18e"></i>
        <span class="fa-class">fa-arrow-circle-o-right</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-arrow-circle-o-left" data-unicode="f190"></i>
        <span class="fa-class">fa-arrow-circle-o-left</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-caret-square-o-left" data-unicode="f191"></i>
        <span class="fa-class">fa-caret-square-o-left</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-dot-circle-o" data-unicode="f192"></i>
        <span class="fa-class">fa-dot-circle-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-wheelchair" data-unicode="f193"></i>
        <span class="fa-class">fa-wheelchair</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-vimeo-square" data-unicode="f194"></i>
        <span class="fa-class">fa-vimeo-square</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-try" data-unicode="f195"></i>
        <span class="fa-class">fa-try</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-plus-square-o" data-unicode="f196"></i>
        <span class="fa-class">fa-plus-square-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-space-shuttle" data-unicode="f197"></i>
        <span class="fa-class">fa-space-shuttle</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-slack" data-unicode="f198"></i>
        <span class="fa-class">fa-slack</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-envelope-square" data-unicode="f199"></i>
        <span class="fa-class">fa-envelope-square</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-wordpress" data-unicode="f19a"></i>
        <span class="fa-class">fa-wordpress</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-openid" data-unicode="f19b"></i>
        <span class="fa-class">fa-openid</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-university" data-unicode="f19c"></i>
        <span class="fa-class">fa-university</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-graduation-cap" data-unicode="f19d"></i>
        <span class="fa-class">fa-graduation-cap</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-yahoo" data-unicode="f19e"></i>
        <span class="fa-class">fa-yahoo</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-google" data-unicode="f1a0"></i>
        <span class="fa-class">fa-google</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-reddit" data-unicode="f1a1"></i>
        <span class="fa-class">fa-reddit</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-reddit-square" data-unicode="f1a2"></i>
        <span class="fa-class">fa-reddit-square</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-stumbleupon-circle" data-unicode="f1a3"></i>
        <span class="fa-class">fa-stumbleupon-circle</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-stumbleupon" data-unicode="f1a4"></i>
        <span class="fa-class">fa-stumbleupon</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-delicious" data-unicode="f1a5"></i>
        <span class="fa-class">fa-delicious</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-digg" data-unicode="f1a6"></i>
        <span class="fa-class">fa-digg</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-pied-piper" data-unicode="f1a7"></i>
        <span class="fa-class">fa-pied-piper</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-pied-piper-alt" data-unicode="f1a8"></i>
        <span class="fa-class">fa-pied-piper-alt</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-drupal" data-unicode="f1a9"></i>
        <span class="fa-class">fa-drupal</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-joomla" data-unicode="f1aa"></i>
        <span class="fa-class">fa-joomla</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-language" data-unicode="f1ab"></i>
        <span class="fa-class">fa-language</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-fax" data-unicode="f1ac"></i>
        <span class="fa-class">fa-fax</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-building" data-unicode="f1ad"></i>
        <span class="fa-class">fa-building</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-child" data-unicode="f1ae"></i>
        <span class="fa-class">fa-child</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-paw" data-unicode="f1b0"></i>
        <span class="fa-class">fa-paw</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-spoon" data-unicode="f1b1"></i>
        <span class="fa-class">fa-spoon</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-cube" data-unicode="f1b2"></i>
        <span class="fa-class">fa-cube</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-cubes" data-unicode="f1b3"></i>
        <span class="fa-class">fa-cubes</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-behance" data-unicode="f1b4"></i>
        <span class="fa-class">fa-behance</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-behance-square" data-unicode="f1b5"></i>
        <span class="fa-class">fa-behance-square</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-steam" data-unicode="f1b6"></i>
        <span class="fa-class">fa-steam</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-steam-square" data-unicode="f1b7"></i>
        <span class="fa-class">fa-steam-square</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-recycle" data-unicode="f1b8"></i>
        <span class="fa-class">fa-recycle</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-car" data-unicode="f1b9"></i>
        <span class="fa-class">fa-car</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-taxi" data-unicode="f1ba"></i>
        <span class="fa-class">fa-taxi</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-tree" data-unicode="f1bb"></i>
        <span class="fa-class">fa-tree</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-spotify" data-unicode="f1bc"></i>
        <span class="fa-class">fa-spotify</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-deviantart" data-unicode="f1bd"></i>
        <span class="fa-class">fa-deviantart</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-soundcloud" data-unicode="f1be"></i>
        <span class="fa-class">fa-soundcloud</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-database" data-unicode="f1c0"></i>
        <span class="fa-class">fa-database</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-file-pdf-o" data-unicode="f1c1"></i>
        <span class="fa-class">fa-file-pdf-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-file-word-o" data-unicode="f1c2"></i>
        <span class="fa-class">fa-file-word-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-file-excel-o" data-unicode="f1c3"></i>
        <span class="fa-class">fa-file-excel-o</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-file-powerpoint-o" data-unicode="f1c4"></i>
        <span class="fa-class">fa-file-powerpoint-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-file-image-o" data-unicode="f1c5"></i>
        <span class="fa-class">fa-file-image-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-file-archive-o" data-unicode="f1c6"></i>
        <span class="fa-class">fa-file-archive-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-file-audio-o" data-unicode="f1c7"></i>
        <span class="fa-class">fa-file-audio-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-file-video-o" data-unicode="f1c8"></i>
        <span class="fa-class">fa-file-video-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-file-code-o" data-unicode="f1c9"></i>
        <span class="fa-class">fa-file-code-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-vine" data-unicode="f1ca"></i>
        <span class="fa-class">fa-vine</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-codepen" data-unicode="f1cb"></i>
        <span class="fa-class">fa-codepen</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-jsfiddle" data-unicode="f1cc"></i>
        <span class="fa-class">fa-jsfiddle</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-life-ring" data-unicode="f1cd"></i>
        <span class="fa-class">fa-life-ring</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-circle-o-notch" data-unicode="f1ce"></i>
        <span class="fa-class">fa-circle-o-notch</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-rebel" data-unicode="f1d0"></i>
        <span class="fa-class">fa-rebel</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-empire" data-unicode="f1d1"></i>
        <span class="fa-class">fa-empire</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-git-square" data-unicode="f1d2"></i>
        <span class="fa-class">fa-git-square</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-git" data-unicode="f1d3"></i>
        <span class="fa-class">fa-git</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-hacker-news" data-unicode="f1d4"></i>
        <span class="fa-class">fa-hacker-news</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-tencent-weibo" data-unicode="f1d5"></i>
        <span class="fa-class">fa-tencent-weibo</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-qq" data-unicode="f1d6"></i>
        <span class="fa-class">fa-qq</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-weixin" data-unicode="f1d7"></i>
        <span class="fa-class">fa-weixin</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-paper-plane" data-unicode="f1d8"></i>
        <span class="fa-class">fa-paper-plane</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-paper-plane-o" data-unicode="f1d9"></i>
        <span class="fa-class">fa-paper-plane-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-history" data-unicode="f1da"></i>
        <span class="fa-class">fa-history</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-circle-thin" data-unicode="f1db"></i>
        <span class="fa-class">fa-circle-thin</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-header" data-unicode="f1dc"></i>
        <span class="fa-class">fa-header</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-paragraph" data-unicode="f1dd"></i>
        <span class="fa-class">fa-paragraph</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-sliders" data-unicode="f1de"></i>
        <span class="fa-class">fa-sliders</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-share-alt" data-unicode="f1e0"></i>
        <span class="fa-class">fa-share-alt</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-share-alt-square" data-unicode="f1e1"></i>
        <span class="fa-class">fa-share-alt-square</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-bomb" data-unicode="f1e2"></i>
        <span class="fa-class">fa-bomb</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-futbol-o" data-unicode="f1e3"></i>
        <span class="fa-class">fa-futbol-o</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-tty" data-unicode="f1e4"></i>
        <span class="fa-class">fa-tty</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-binoculars" data-unicode="f1e5"></i>
        <span class="fa-class">fa-binoculars</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-plug" data-unicode="f1e6"></i>
        <span class="fa-class">fa-plug</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-slideshare" data-unicode="f1e7"></i>
        <span class="fa-class">fa-slideshare</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-twitch" data-unicode="f1e8"></i>
        <span class="fa-class">fa-twitch</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-yelp" data-unicode="f1e9"></i>
        <span class="fa-class">fa-yelp</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-newspaper-o" data-unicode="f1ea"></i>
        <span class="fa-class">fa-newspaper-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-wifi" data-unicode="f1eb"></i>
        <span class="fa-class">fa-wifi</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-calculator" data-unicode="f1ec"></i>
        <span class="fa-class">fa-calculator</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-paypal" data-unicode="f1ed"></i>
        <span class="fa-class">fa-paypal</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-google-wallet" data-unicode="f1ee"></i>
        <span class="fa-class">fa-google-wallet</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-cc-visa" data-unicode="f1f0"></i>
        <span class="fa-class">fa-cc-visa</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-cc-mastercard" data-unicode="f1f1"></i>
        <span class="fa-class">fa-cc-mastercard</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-cc-discover" data-unicode="f1f2"></i>
        <span class="fa-class">fa-cc-discover</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-cc-amex" data-unicode="f1f3"></i>
        <span class="fa-class">fa-cc-amex</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-cc-paypal" data-unicode="f1f4"></i>
        <span class="fa-class">fa-cc-paypal</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-cc-stripe" data-unicode="f1f5"></i>
        <span class="fa-class">fa-cc-stripe</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-bell-slash" data-unicode="f1f6"></i>
        <span class="fa-class">fa-bell-slash</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-bell-slash-o" data-unicode="f1f7"></i>
        <span class="fa-class">fa-bell-slash-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-trash" data-unicode="f1f8"></i>
        <span class="fa-class">fa-trash</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-copyright" data-unicode="f1f9"></i>
        <span class="fa-class">fa-copyright</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-at" data-unicode="f1fa"></i>
        <span class="fa-class">fa-at</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-eyedropper" data-unicode="f1fb"></i>
        <span class="fa-class">fa-eyedropper</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-paint-brush" data-unicode="f1fc"></i>
        <span class="fa-class">fa-paint-brush</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-birthday-cake" data-unicode="f1fd"></i>
        <span class="fa-class">fa-birthday-cake</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-area-chart" data-unicode="f1fe"></i>
        <span class="fa-class">fa-area-chart</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-pie-chart" data-unicode="f200"></i>
        <span class="fa-class">fa-pie-chart</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-line-chart" data-unicode="f201"></i>
        <span class="fa-class">fa-line-chart</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-lastfm" data-unicode="f202"></i>
        <span class="fa-class">fa-lastfm</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-lastfm-square" data-unicode="f203"></i>
        <span class="fa-class">fa-lastfm-square</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-toggle-off" data-unicode="f204"></i>
        <span class="fa-class">fa-toggle-off</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-toggle-on" data-unicode="f205"></i>
        <span class="fa-class">fa-toggle-on</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-bicycle" data-unicode="f206"></i>
        <span class="fa-class">fa-bicycle</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-bus" data-unicode="f207"></i>
        <span class="fa-class">fa-bus</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-ioxhost" data-unicode="f208"></i>
        <span class="fa-class">fa-ioxhost</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-angellist" data-unicode="f209"></i>
        <span class="fa-class">fa-angellist</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-cc" data-unicode="f20a"></i>
        <span class="fa-class">fa-cc</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-ils" data-unicode="f20b"></i>
        <span class="fa-class">fa-ils</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-meanpath" data-unicode="f20c"></i>
        <span class="fa-class">fa-meanpath</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-buysellads" data-unicode="f20d"></i>
        <span class="fa-class">fa-buysellads</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-connectdevelop" data-unicode="f20e"></i>
        <span class="fa-class">fa-connectdevelop</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-dashcube" data-unicode="f210"></i>
        <span class="fa-class">fa-dashcube</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-forumbee" data-unicode="f211"></i>
        <span class="fa-class">fa-forumbee</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-leanpub" data-unicode="f212"></i>
        <span class="fa-class">fa-leanpub</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-sellsy" data-unicode="f213"></i>
        <span class="fa-class">fa-sellsy</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-shirtsinbulk" data-unicode="f214"></i>
        <span class="fa-class">fa-shirtsinbulk</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-simplybuilt" data-unicode="f215"></i>
        <span class="fa-class">fa-simplybuilt</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-skyatlas" data-unicode="f216"></i>
        <span class="fa-class">fa-skyatlas</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-cart-plus" data-unicode="f217"></i>
        <span class="fa-class">fa-cart-plus</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-cart-arrow-down" data-unicode="f218"></i>
        <span class="fa-class">fa-cart-arrow-down</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-diamond" data-unicode="f219"></i>
        <span class="fa-class">fa-diamond</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-ship" data-unicode="f21a"></i>
        <span class="fa-class">fa-ship</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-user-secret" data-unicode="f21b"></i>
        <span class="fa-class">fa-user-secret</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-motorcycle" data-unicode="f21c"></i>
        <span class="fa-class">fa-motorcycle</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-street-view" data-unicode="f21d"></i>
        <span class="fa-class">fa-street-view</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-heartbeat" data-unicode="f21e"></i>
        <span class="fa-class">fa-heartbeat</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-venus" data-unicode="f221"></i>
        <span class="fa-class">fa-venus</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-mars" data-unicode="f222"></i>
        <span class="fa-class">fa-mars</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-mercury" data-unicode="f223"></i>
        <span class="fa-class">fa-mercury</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-transgender" data-unicode="f224"></i>
        <span class="fa-class">fa-transgender</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-transgender-alt" data-unicode="f225"></i>
        <span class="fa-class">fa-transgender-alt</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-venus-double" data-unicode="f226"></i>
        <span class="fa-class">fa-venus-double</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-mars-double" data-unicode="f227"></i>
        <span class="fa-class">fa-mars-double</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-venus-mars" data-unicode="f228"></i>
        <span class="fa-class">fa-venus-mars</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-mars-stroke" data-unicode="f229"></i>
        <span class="fa-class">fa-mars-stroke</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-mars-stroke-v" data-unicode="f22a"></i>
        <span class="fa-class">fa-mars-stroke-v</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-mars-stroke-h" data-unicode="f22b"></i>
        <span class="fa-class">fa-mars-stroke-h</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-neuter" data-unicode="f22c"></i>
        <span class="fa-class">fa-neuter</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-genderless" data-unicode="f22d"></i>
        <span class="fa-class">fa-genderless</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-facebook-official" data-unicode="f230"></i>
        <span class="fa-class">fa-facebook-official</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-pinterest-p" data-unicode="f231"></i>
        <span class="fa-class">fa-pinterest-p</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-whatsapp" data-unicode="f232"></i>
        <span class="fa-class">fa-whatsapp</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-server" data-unicode="f233"></i>
        <span class="fa-class">fa-server</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-user-plus" data-unicode="f234"></i>
        <span class="fa-class">fa-user-plus</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-user-times" data-unicode="f235"></i>
        <span class="fa-class">fa-user-times</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-bed" data-unicode="f236"></i>
        <span class="fa-class">fa-bed</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-viacoin" data-unicode="f237"></i>
        <span class="fa-class">fa-viacoin</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-train" data-unicode="f238"></i>
        <span class="fa-class">fa-train</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-subway" data-unicode="f239"></i>
        <span class="fa-class">fa-subway</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-medium" data-unicode="f23a"></i>
        <span class="fa-class">fa-medium</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-y-combinator" data-unicode="f23b"></i>
        <span class="fa-class">fa-y-combinator</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-optin-monster" data-unicode="f23c"></i>
        <span class="fa-class">fa-optin-monster</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-opencart" data-unicode="f23d"></i>
        <span class="fa-class">fa-opencart</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-expeditedssl" data-unicode="f23e"></i>
        <span class="fa-class">fa-expeditedssl</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-battery-full" data-unicode="f240"></i>
        <span class="fa-class">fa-battery-full</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-battery-three-quarters" data-unicode="f241"></i>
        <span class="fa-class">fa-battery-three-quarters</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-battery-half" data-unicode="f242"></i>
        <span class="fa-class">fa-battery-half</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-battery-quarter" data-unicode="f243"></i>
        <span class="fa-class">fa-battery-quarter</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-battery-empty" data-unicode="f244"></i>
        <span class="fa-class">fa-battery-empty</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-mouse-pointer" data-unicode="f245"></i>
        <span class="fa-class">fa-mouse-pointer</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-i-cursor" data-unicode="f246"></i>
        <span class="fa-class">fa-i-cursor</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-object-group" data-unicode="f247"></i>
        <span class="fa-class">fa-object-group</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-object-ungroup" data-unicode="f248"></i>
        <span class="fa-class">fa-object-ungroup</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-sticky-note" data-unicode="f249"></i>
        <span class="fa-class">fa-sticky-note</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-sticky-note-o" data-unicode="f24a"></i>
        <span class="fa-class">fa-sticky-note-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-cc-jcb" data-unicode="f24b"></i>
        <span class="fa-class">fa-cc-jcb</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-cc-diners-club" data-unicode="f24c"></i>
        <span class="fa-class">fa-cc-diners-club</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-clone" data-unicode="f24d"></i>
        <span class="fa-class">fa-clone</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-balance-scale" data-unicode="f24e"></i>
        <span class="fa-class">fa-balance-scale</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-hourglass-o" data-unicode="f250"></i>
        <span class="fa-class">fa-hourglass-o</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-hourglass-start" data-unicode="f251"></i>
        <span class="fa-class">fa-hourglass-start</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-hourglass-half" data-unicode="f252"></i>
        <span class="fa-class">fa-hourglass-half</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-hourglass-end" data-unicode="f253"></i>
        <span class="fa-class">fa-hourglass-end</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-hourglass" data-unicode="f254"></i>
        <span class="fa-class">fa-hourglass</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-hand-rock-o" data-unicode="f255"></i>
        <span class="fa-class">fa-hand-rock-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-hand-paper-o" data-unicode="f256"></i>
        <span class="fa-class">fa-hand-paper-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-hand-scissors-o" data-unicode="f257"></i>
        <span class="fa-class">fa-hand-scissors-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-hand-lizard-o" data-unicode="f258"></i>
        <span class="fa-class">fa-hand-lizard-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-hand-spock-o" data-unicode="f259"></i>
        <span class="fa-class">fa-hand-spock-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-hand-pointer-o" data-unicode="f25a"></i>
        <span class="fa-class">fa-hand-pointer-o</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-hand-peace-o" data-unicode="f25b"></i>
        <span class="fa-class">fa-hand-peace-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-trademark" data-unicode="f25c"></i>
        <span class="fa-class">fa-trademark</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-registered" data-unicode="f25d"></i>
        <span class="fa-class">fa-registered</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-creative-commons" data-unicode="f25e"></i>
        <span class="fa-class">fa-creative-commons</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-gg" data-unicode="f260"></i>
        <span class="fa-class">fa-gg</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-gg-circle" data-unicode="f261"></i>
        <span class="fa-class">fa-gg-circle</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-tripadvisor" data-unicode="f262"></i>
        <span class="fa-class">fa-tripadvisor</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-odnoklassniki" data-unicode="f263"></i>
        <span class="fa-class">fa-odnoklassniki</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-odnoklassniki-square" data-unicode="f264"></i>
        <span class="fa-class">fa-odnoklassniki-square</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-get-pocket" data-unicode="f265"></i>
        <span class="fa-class">fa-get-pocket</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-wikipedia-w" data-unicode="f266"></i>
        <span class="fa-class">fa-wikipedia-w</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-safari" data-unicode="f267"></i>
        <span class="fa-class">fa-safari</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-chrome" data-unicode="f268"></i>
        <span class="fa-class">fa-chrome</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-firefox" data-unicode="f269"></i>
        <span class="fa-class">fa-firefox</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-opera" data-unicode="f26a"></i>
        <span class="fa-class">fa-opera</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-internet-explorer" data-unicode="f26b"></i>
        <span class="fa-class">fa-internet-explorer</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-television" data-unicode="f26c"></i>
        <span class="fa-class">fa-television</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-contao" data-unicode="f26d"></i>
        <span class="fa-class">fa-contao</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-500px" data-unicode="f26e"></i>
        <span class="fa-class">fa-500px</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-amazon" data-unicode="f270"></i>
        <span class="fa-class">fa-amazon</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-calendar-plus-o" data-unicode="f271"></i>
        <span class="fa-class">fa-calendar-plus-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-calendar-minus-o" data-unicode="f272"></i>
        <span class="fa-class">fa-calendar-minus-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-calendar-times-o" data-unicode="f273"></i>
        <span class="fa-class">fa-calendar-times-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-calendar-check-o" data-unicode="f274"></i>
        <span class="fa-class">fa-calendar-check-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-industry" data-unicode="f275"></i>
        <span class="fa-class">fa-industry</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-map-pin" data-unicode="f276"></i>
        <span class="fa-class">fa-map-pin</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-map-signs" data-unicode="f277"></i>
        <span class="fa-class">fa-map-signs</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-map-o" data-unicode="f278"></i>
        <span class="fa-class">fa-map-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-map" data-unicode="f279"></i>
        <span class="fa-class">fa-map</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-commenting" data-unicode="f27a"></i>
        <span class="fa-class">fa-commenting</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-commenting-o" data-unicode="f27b"></i>
        <span class="fa-class">fa-commenting-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-houzz" data-unicode="f27c"></i>
        <span class="fa-class">fa-houzz</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-vimeo" data-unicode="f27d"></i>
        <span class="fa-class">fa-vimeo</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-black-tie" data-unicode="f27e"></i>
        <span class="fa-class">fa-black-tie</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-fonticons" data-unicode="f280"></i>
        <span class="fa-class">fa-fonticons</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-reddit-alien" data-unicode="f281"></i>
        <span class="fa-class">fa-reddit-alien</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-edge" data-unicode="f282"></i>
        <span class="fa-class">fa-edge</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-credit-card-alt" data-unicode="f283"></i>
        <span class="fa-class">fa-credit-card-alt</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-codiepie" data-unicode="f284"></i>
        <span class="fa-class">fa-codiepie</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-modx" data-unicode="f285"></i>
        <span class="fa-class">fa-modx</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-fort-awesome" data-unicode="f286"></i>
        <span class="fa-class">fa-fort-awesome</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-usb" data-unicode="f287"></i>
        <span class="fa-class">fa-usb</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-product-hunt" data-unicode="f288"></i>
        <span class="fa-class">fa-product-hunt</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-mixcloud" data-unicode="f289"></i>
        <span class="fa-class">fa-mixcloud</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-scribd" data-unicode="f28a"></i>
        <span class="fa-class">fa-scribd</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-pause-circle" data-unicode="f28b"></i>
        <span class="fa-class">fa-pause-circle</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-pause-circle-o" data-unicode="f28c"></i>
        <span class="fa-class">fa-pause-circle-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-stop-circle" data-unicode="f28d"></i>
        <span class="fa-class">fa-stop-circle</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-stop-circle-o" data-unicode="f28e"></i>
        <span class="fa-class">fa-stop-circle-o</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-shopping-bag" data-unicode="f290"></i>
        <span class="fa-class">fa-shopping-bag</span>

    </li>


    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-shopping-basket" data-unicode="f291"></i>
        <span class="fa-class">fa-shopping-basket</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-hashtag" data-unicode="f292"></i>
        <span class="fa-class">fa-hashtag</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-bluetooth" data-unicode="f293"></i>
        <span class="fa-class">fa-bluetooth</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-bluetooth-b" data-unicode="f294"></i>
        <span class="fa-class">fa-bluetooth-b</span>

    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
        <i class="fa fa-percent" data-unicode="f295"></i>
        <span class="fa-class">fa-percent</span>
    </li>
    <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
            <i class="fa fa-android" data-unicode="f295"></i>
            <span class="fa-class">fa-android</span>

        </li>
         <li class="col-md-1 col-sm-3 col-xs-6 grid-icon">
            <i class="fa fa-remove" data-unicode="f295"></i>
            <span class="fa-class">fa-remove</span>

        </li>
</ul>

</body>
</html>